      <template>
        <el-dialog :title="title" :visible.sync="dialogBackupsVisible" :close-on-click-modal="false" @close="closeDialog">
            <el-form :model="selectTable" :rules="rules" ref="selectTable" label-width="150px">
                <el-form-item  label="选择所属商户：" prop="merchant">
                    <el-select v-model="selectTable.merchant" placeholder="选择所属商户">
                    <el-option key="1" label="广东省" value="广东省"></el-option>
                    <el-option key="2" label="湖南省" value="湖南省"></el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="选择设备厂家：">
                    <el-select v-model="selectTable.manufactor" placeholder="选择所属商户">
                    <el-option key="1" label="" value=""></el-option>
                    <el-option key="2" label="" value=""></el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="请选择出厂日期：" >
                    <el-date-picker type="date" placeholder="选择日期" v-model="selectTable.date" value-format="yyyy-MM-dd" style="width: 100%"></el-date-picker>
                </el-form-item>

                <el-form-item label="请输入生产批次：" >
                    <el-input v-model="selectTable.batch" placeholder="请输入生产批次"></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="closeDialog()">上一步</el-button>
                <el-button type="primary" @click="confirmDialog">确 定</el-button>
            </div>
        </el-dialog>
      </template>
      <script>
      export default {
          data() {
              return {
                  dialogBackupsVisible: this.isShow,
                  selectTable: {},
                  rules: {
                      merchant: {
                          required: true,
                          message: '请选择所属商户', 
                          trigger: 'change'
                      }
                  }
              }
          },
          props: ['isShow', 'title'],
          methods: {
            //设置弹窗可见
            closeDialog() {
                this.$emit('closeDialog')
            },
            confirmDialog() {
                this.$message({
                    type: 'success',
                    message: '添加设备成功!'
                });
            }
          }
      }
      </script>
      <style lang="less" scoped>
        .search_inp {
            width: 200px;
        }
      </style>
      